<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS3多列布局</title>
        <style>
            p{background-color:#eee;}
            .test1{
                width:660px;
                border:1px solid #333;
                padding:10px;
                columns:200px 3;
            }
        </style>
    </head>
    <body>
        <h2>列数及列宽固定</h2>
        <div class="test1">
            <h3>荷塘月色（节选）</h3>
            <p>曲曲折折的荷塘上面，弥望的是田田的叶子。
                叶子出水很高，像亭亭的舞女的裙。
                层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。
                微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。
                这时候叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。
                叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。
                叶子底下是脉脉⑺的流水，遮住了，不能见一些颜色；而叶子却更见风致了</p>
        </div>
    </body>
</html>